/*
 * @Author: taiyunhang
 * @Date: 2019-01-14 14:57:11
 * */

 .switch {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: flex;
  align-items: center;
}

.norecord {
  width: auto;
  position: relative;
  top: auto;
  left: auto;
  margin-left: 0;
  padding-top: 100px;
  text-align: center;
  color: #000000;
}

.nData {
  text-align: center;
  padding: 10px 0;
  color: #b2b2b2;
}

.alllist {
  position: fixed;
  top: 46px;
  z-index: 69;
  width: 100%;
  background: #fff;
  text-align: center;
  line-height: 46px;
  height: 46px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ededed;

  .drop-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    .drop-text {
      font-size: 1.6rem;
      color: #000000;
    }

    .drop-icon {
      font-size: 1.6rem;
      font-weight: bold;
      margin-left: 5px;
    }
  }

  ul.drop-list {
    position: absolute;
    top: 46px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    width: 100%;
    height: calc(~'100vh - 92px');
    overflow-y: auto;

    li {
      border-top: 1px solid #f3f3f6;
      padding: 10px 0px;
      font-size: 1.6rem;
      cursor: pointer;
      color: #000000;
      &:first-child {
        border-top: none;
      }

      &.activeArea {
        background-color: #bf0003;
        color: white;
      }
    }
  }
}

.point-wrapper {
  padding-top: 46px;

  .bmap-wrapper {
    .bm-view {
      width: 100%;
      height: calc(~'100vh - 92px');
    }

    .address {
      position: fixed;
      left: 0;
      bottom: 0;
      background: #fff;
      width: 100%;
      padding: 10px;

      .sh-logo {
        float: right;
        text-align: center;
        margin-left: 10px;
      }

      .net-name {
        color: #404040;
        margin: 0 0 8px;

        .offline-text {
          color: #b2b2b2;
          font-size: 1.2rem;
        }
      }

      .net-address {
        color: #666666;
        word-break: break-all;
        margin: 0;
      }

      .net-telphone {
        color: #666666;
      }

      .net-telphone a {
        color: #666666;
        display: inline-block;
      }
    }
  }

  .page-loadmore-wrapper {
    overflow: auto;

    .mint-loadmore-bottom {
      span {
        display: inline-block;
        transition: 0.2s linear;
        vertical-align: middle;

        &.is-rotate {
          transform: rotate(180deg);
        }
      }
    }

    .point-list {
      padding-left: 10px;
      background-color: white;

      .point-item {
        position: relative;
        border-bottom: 1px solid #e7e7e7;
        padding: 15px 10px 15px 0;
        border-bottom: 1px solid #f1f1f1;
        display: flex;

        &.offline::before {
          content: '';
          position: absolute;
          left: 0;
          top: 40px;
          opacity: 0.9;
          background: url('../../assets/images/offline.png') no-repeat center center/100% 100%;
          width: 80px;
          height: 20px;
        }

        .l-logo {
          margin-right: 10px;
          width: 100px;
          height: 75px;
          background-color: #ddd;

          .page-lazyload-image {
            width: 100%;
            display: block;

            &[lazy='loading'] {
              width: 30px;
              height: 75px;
              margin: auto;
            }
          }
        }

        .pdetail {
          overflow: hidden;
          min-height: 75px;
          position: relative;
          flex: 1;

          h4 {
            margin: 0;
            font-size: 1.6rem;
            color: #000000;
          }

          .l-address {
            line-height: 14px;
            color: #63666b;
            margin: 4px 0;
            font-size: 1.3rem;
          }

          .l-other {
            display: flex;
            align-items: center;
            color: #b2b2b2;
            font-size: 1.3rem;

            a {
              color: #b2b2b2;
            }

            img {
              width: 12px;
              margin-right: 5px;
            }
          }

          .l-navi {
            position: absolute;
            right: 0;
            bottom: 0;
          }
        }
      }
    }
  }
}
